<template>
	<div class="app">
		<h2>{{ msg }}</h2>
		<input type="text" v-model="msg">
	</div>
</template>

<script setup lang="ts" name="App">
	import { ref,customRef} from 'vue'
  import useMsgRef from './hooks/useMsgRef';

	// 使用提供的ref创建响应式对象，数据一变，立马更新
	// let msg = ref('你好')

	// 使用提供的customref创建响应式对象
	let msg =  useMsgRef('华科',2000)
	

	

</script>

<style scoped>
	.app{
		margin: 10px auto;
		padding: 10px;
		background-color: skyblue;
		border-radius: 10px;
		box-shadow: 0  0 10px;
	}
	button{
		height: 30px;
		margin: 5px;
	}
</style>